$(function(){
    $('#layout').celayout({
        left:{
            width:"20%",
            resizable:true,
            title:'左'
        },
        right:{
            width:200,
            resizable:true,
            title:'右'
        },
        top:{
            height:100,
            resizable:true,
            title:'上'
        },
        bottom:{
            height:200,
            resizable:true,
            title:'下'
        },
        center:{
            title:'中'
        }
    })

    $('#layout2').celayout({
        left:{
            resizable:true
        },
        right:{
            resizable:true
        },
        top:{
            
            resizable:true
        },
        bottom:{
            resizable:true
        }
    })

    $('#layout3').celayout()
})